<template>
  <div>
  </div>
</template>

<script>
// import Vue from 'vue'

export default {
  name: 'Tmp',
  data () {
    return {}
  },
  computed: {
    userName: function () {
      return ''
    }
  },
  created () {
  },
  mounted () {
    // Vue.component('', {})
  },
  methods: {
    doSomething () {
    }
  }
}
</script>

<style scoped>
</style>

<!--<template>-->
<!--  <div class="login-container">-->
<!--    <form class="login-form">-->
<!--      <div class="form-item">-->
<!--        <input type="email" name="email" v-model="email" placeholder="请输入邮箱" @input="doInputChanged">-->
<!--      </div>-->
<!--      <div class="form-item input-code">-->
<!--        <input type="text" name="code" autocomplete="false" v-model="code" placeholder="请输入验证码">-->
<!--        <button type="button" class="get-code-btn" :disabled="isGettingCode" @click="doGetLoginCode">-->
<!--          <span v-if="isGettingCode">获取中...</span>-->
<!--          <span v-else>获取验证码</span>-->
<!--        </button>-->
<!--      </div>-->
<!--      <div class="form-item">-->
<!--        <button @click="doLogin" type="button" id="loginBtn">登 录</button>-->
<!--      </div>-->
<!--    </form>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  import {REG_EMAIL} from '../../utils/regExpUtil'-->
<!--  export default {-->
<!--    name: 'Login',-->
<!--    data () {-->
<!--      return {-->
<!--        email: '',-->
<!--        code: '',-->
<!--        isSubmitting: false,-->
<!--        isGettingCode: false-->
<!--      }-->
<!--    },-->
<!--    computed: {-->
<!--      userName: function () {-->
<!--        return ''-->
<!--      }-->
<!--    },-->
<!--    created () {-->
<!--    },-->
<!--    mounted () {-->
<!--    },-->
<!--    methods: {-->
<!--      doInputChanged () {-->
<!--        // 限制长度-->
<!--        if (this.email.length > 40) {-->
<!--          this.email = this.email.substr(0, 40)-->
<!--        }-->
<!--      },-->
<!--      doGetLoginCode () {-->
<!--        if (REG_EMAIL.test(this.email) === false) {-->
<!--          this.$message.error('请输入正确的邮箱')-->
<!--          return false-->
<!--        }-->
<!--        const loadingRef = this.$loading({-->
<!--          lock: true,-->
<!--          text: '加载中',-->
<!--          spinner: 'el-icon-loading',-->
<!--          background: 'rgba(153, 153, 153, 0.7)'-->
<!--        })-->
<!--        const param = {email: (this.email + '').trim()}-->
<!--        this.$post('api/AppUserVc/getLoginCode', param).then(resp => {-->
<!--          this.$message.success('验证码已发送,请注意查收')-->
<!--        }).finally(() => {-->
<!--          loadingRef.close()-->
<!--        })-->
<!--      },-->
<!--      doLogin () {-->
<!--        if (REG_EMAIL.test(this.email) === false) {-->
<!--          this.$message.error('请输入正确的邮箱')-->
<!--          return false-->
<!--        }-->
<!--        if (this.code.trim().length > 6) {-->
<!--          this.$message.error('验证码最多6个字符')-->
<!--          return false-->
<!--        }-->
<!--        // const param = {}-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--</script>-->

<!--<style scoped>-->
<!--  * {-->
<!--    font-size: 16px;-->
<!--  }-->
<!--  *:focus {-->
<!--    outline: none;-->
<!--  }-->
<!--  .login-container {-->
<!--    border: 1px solid green;-->
<!--    height: 100%;-->
<!--    position: relative;-->
<!--  }-->
<!--  .login-form {-->
<!--    position: absolute;-->
<!--    width: 400px;-->
<!--    left: 50%;-->
<!--    /*border: 1px solid lightgray;*/-->
<!--    top: 50px;-->
<!--    transform: translateX(-50%);-->
<!--  }-->
<!--  .form-item {-->
<!--    margin-bottom: 36px;-->
<!--    position: relative;-->
<!--  }-->
<!--  .form-item input {-->
<!--    display: inline-block;-->
<!--    width: 100%;-->
<!--    height: 44px;-->
<!--    font-size: 16px;-->
<!--    border-style: none;-->
<!--    text-align: left;-->
<!--    padding-left: 20px;-->
<!--    padding-right: 20px;-->
<!--    box-sizing: border-box;-->
<!--    border-radius: 20px;-->
<!--  }-->
<!--  .input-code {-->
<!--    /*margin-right: 120px;*/-->
<!--    padding-right: 122px;-->
<!--  }-->
<!--  .get-code-btn {-->
<!--    position: absolute;-->
<!--    top: 0px;-->
<!--    right: 0px;-->
<!--    height: 44px;-->
<!--    padding-right: 16px;-->
<!--    padding-left: 16px;-->
<!--    font-size: 14px;-->
<!--    background-color: #EEEEEE;-->
<!--    border-radius: 20px;-->
<!--  }-->
<!--  .get-code-btn span {-->
<!--    font-size: 15px;-->
<!--  }-->
<!--  button {-->
<!--    border-style: none;-->
<!--  }-->
<!--  button:active {-->
<!--    /*border-style: none;*/-->
<!--  }-->
<!--  #loginBtn {-->
<!--    width: 100%;-->
<!--    background-color: #009966;-->
<!--    margin-top: 40px;-->
<!--    border-radius: 20px;-->
<!--    color: white;-->
<!--    font-weight: bold;-->
<!--    padding: 10px;-->
<!--    font-size: 16px;-->
<!--  }-->
<!--  ::-webkit-input-placeholder {-->
<!--    color: #C7C7C7;-->
<!--  }-->
<!--  ::-moz-placeholder {-->
<!--    color: #C7C7C7;-->
<!--  }-->
<!--  :-ms-input-placeholder {-->
<!--    color: #C7C7C7;-->
<!--  }-->
<!--</style>-->
